.home-wrapper {
  width: 100vw;
  min-height: 100vh;
  position: fixed;
  overflow: hidden;
  background-color: #f9f9f9;
  box-sizing: border-box;
  padding-left: 72rpx;
  padding-right: 72rpx;
  padding-top: 68rpx;
  .top-header {
    display: flex;
    align-items: center;
    .t-h-avatar {
      width: 116rpx;
      height: 116rpx;
      background-color: #ddd;
    }
    .t-h-info {
      flex: 1;
      display: flex;
      height: 80rpx;
      justify-content: space-between;
      flex-direction: column;
      margin-left: 25rpx;

      .t-h-t1 {
        font-size: 32rpx;
        line-height: 1;
        color: #222222;
        font-weight: bold;
      }

      .t-h-box {
        display: flex;
        align-items: center;

        .t-h-loc {
          width: 23rpx;
          height: 23rpx;
        }

        .t-h-t2 {
          margin-left: 5rpx;
          font-size: 22rpx;
          line-height: 1.2;
          color: #8D8D8D;
        }
      }
    }
  }

  .main-box{
    margin-top: 65rpx;
    .home-link-btn{
        background-color: #fff;
        display: flex;
        align-items: center;
        margin-bottom: 15rpx;
        border-radius: 10rpx;
        padding: 28rpx 32rpx;

        .h-l-img{
            width: 38rpx;
            height: 38rpx;
        }
        .h-l-text{
            font-size: 30rpx;
            line-height: 1;
            margin-left: 20rpx;
        }
    }
    .hover-link-btn{
      opacity: 0.5;
    }
  }
  .home-login-btn{
    position: absolute;
    width: calc(100% - 144rpx);

    /* #ifdef weapp */
      bottom: 50rpx;
    /* #endif */

    /* #ifdef h5 */
      bottom: 140rpx;
    /* #endif */
  }
}
